<!--
  Generated template for the ZuopinPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<ion-header>

  <ion-navbar>
    <ion-title><img style="width: 28px;height: 28px;" src="assets/icon/zuopinindex1.png"><label style="margin-left: 5px">作品秀场</label></ion-title>
  </ion-navbar>

</ion-header>


<ion-content style="background-color: #f7f6f5">

  <ion-toolbar>
    <ion-segment [(ngModel)]="icons" color="primary">
      <ion-segment-button value="camera" (click)="zuixinEvent()">
        <ion-icon name="" style="font-size: 11px" name="leaf">&nbsp;最新上传</ion-icon>
      </ion-segment-button>
      <ion-segment-button value="bookmark">
        <ion-icon name="" style="font-size: 11px" (click)="dianzanEvent()" name="thumbs-up">&nbsp;最多投票</ion-icon>
      </ion-segment-button>
      <ion-segment-button value="message">
        <ion-icon name="" style="font-size: 11px" (click)="huifuEvent()" name="flag">&nbsp;擂主回复</ion-icon>
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>


   <!-- neirong -->
  <div class="container-fluid">
    <div class="row">
     <!-- <ng-container *ngFor="let item of zuopinlistitem;let i=index;">
        <div class="col-xs-6">
          <zuopin [listitemzuopin]="item" ></zuopin>
        </div>
      </ng-container>-->
      <zuopin [listitemzuopin]="zuopinlistitem" ></zuopin>
    </div>
  </div>


  <ion-infinite-scroll (ionInfinite)="doInfinite($event)" threshold="100px">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="上拉加载更多">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>



</ion-content>
